<div class="ui-g container">
  <form [formGroup]="resourceForm">
    <input type="hidden" formControlName="sysId" />
    <input type="hidden" formControlName="resCode" />
    <div class="ui-g ui-g-12">
      <div class="ui-g-6">
        <div class="ui-g-4">标识</div>
        <div class="ui-g-8">
          <input pInputText type="text" formControlName="resId" style="width:100%" readonly />
        </div>
      </div>
      <div class="ui-g-6">
        <div class="ui-g-4">上级资源</div>
        <div class="ui-g-8">
          <input type="hidden" formControlName="seniorId" />
          <input pInputText type="text" formControlName="seniorName" style="width:100%" readonly />
        </div>
      </div>
      <div class="ui-g-12">
        <div class="ui-g-2">标题
          <span style="color:red;">*</span>
        </div>
        <div class="ui-g-10">
          <input pInputText type="text" formControlName="resTitle" style="width:100%"
            pTooltip="{{ formErrors.resTitle }}" />
        </div>
      </div>
      <div class="ui-g-12">
        <div class="ui-g-2">资源路径</div>
        <div class="ui-g-10">
          <input pInputText type="text" formControlName="resUrl" style="width:100%" />
        </div>
      </div>
      <div class="ui-g-6">
        <div class="ui-g-4">资源类型</div>
        <div class="ui-g-8">
          <p-dropdown formControlName="resTypeId" [options]="resrouceType" placeholder="资源类型"
            [style]="{'width':'100%'}"></p-dropdown>
        </div>
      </div>

      <div class="ui-g-6">
        <div class="ui-g-4">Font图标</div>
        <div class="ui-g-8">
          <p-dropdown [options]="fontIcons" formControlName="displayIcon" [style]="{'width':'100%'}" filter="true">
            <ng-template let-item pTemplate="selectedItem">
              <i class="fa {{item.label}}"></i>&nbsp;&nbsp;&nbsp;
              <span style="vertical-align:middle">{{item.label}}</span>
            </ng-template>
            <ng-template let-item pTemplate="item">
              <i class="fa {{item.label}}"></i>&nbsp;&nbsp;&nbsp;
              <div style="font-size:14px;float:right;margin-top:4px">{{item.label}}</div>
            </ng-template>
          </p-dropdown>
        </div>
      </div>
    </div>
  </form>
</div>
<div class="ui-g button-item">
  <button pButton type="button" icon="fa fa-close" iconPos="left" label="取消" (click)="cancel()"></button>
  <button pButton type="text" class="ui-button-success" icon="fa fa-check" (click)="saveUpdateResource($event)"
    label="保存"></button>
</div>